<template>
	<view class="applicationWrap">
		<view class="applicationItem" v-for="(item,key) in applicationLst" :key="key" @click="apply(item.txt)">
			<text class="iconfont applicationIcon" :class="item.icon"></text>
			<text class="applicationTxt">{{item.txt}}</text>
		</view>
	</view>
</template>

<script>
export default {
	name: '',
	components: {
	},
	data() {
		return {
			applicationLst:[{
				icon:'icon-shenqingjilu',
				txt:'转正'
			},{
				icon:'icon-company',
				txt:'调岗'
			},{
				icon:'icon-auto',
				txt:'离职'
			},{
				icon:'icon-manage-order',
				txt:'调薪'
			},{
				icon:'icon-map',
				txt:'外勤打卡'
			},{
				icon:'icon-auto',
				txt:'外出'
			},{
				icon:'icon-homepage-ads-fill',
				txt:'销外出'
			},{
				icon:'icon-aviation',
				txt:'出差'
			},{
				icon:'icon-Exportservices',
				txt:'销出差'
			},{
				icon:'icon-add-account',
				txt:'请假'
			},{
				icon:'icon-homepage-ads-fill',
				txt:'销假'
			},{
				icon:'icon-add-account',
				txt:'加班'
			},{
				icon:'icon-banzhengfuwu',
				txt:'证明'
			},{
				icon:'icon-certified-supplier',
				txt:'补打卡'
			}]
		}
	},
	methods: {
		apply(type){
			uni.navigateTo({
				url:`/pages/home/leaveForm?type=${type}`,
				animationType: 'pop-in',
				animationDuration: 200
			})
		}
	},
	onReady(){
	    
	},
};
</script>

<style scoped lang="scss">
.applicationWrap{
	display: flex;
	flex-wrap: wrap;
	.applicationItem{
		width: calc(100% / 3);
		padding:41.66rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		.applicationIcon{
			color:$themeColor;
			font-size: 93.75rpx;
		}
		.applicationTxt{
			font-size: 33.33rpx;
		}
	}
}

</style>
